﻿<div class="leaflet-sidebar-pane" id="settings">
    <h1 class="leaflet-sidebar-header">
        Settings
        <span class="leaflet-sidebar-close"><i class="fa fa-caret-left"></i></span>
    </h1>
    <div class="my-2">
        <div class="form-check">
            <input class="form-check-input" type="checkbox" value="" name="showGraticule">
            <label class="form-check-label" for="showGraticule">Show Graticule</label>
        </div>
        <div class="form-check">
            <input class="form-check-input" type="checkbox" value="" name="showGeographicLines">
            <label class="form-check-label" for="showGeographicLines">Show Georaphic Lines</label>
        </div>
        <div class="form-group mt-2">
            <label class="mb-0" for="minGridDistanceMeters">Min DX/DY in Meters</label>
            <input class="form-control form-control-sm" type="number" value="" name="minGridDistanceMeters">
        </div>
        <div class="form-check">
            <input class="form-check-input" type="checkbox" value="" name="allowDifferentDxDy">
            <label class="form-check-label" for="showGeographicLines">Allow different DX and DY values</label>
        </div>
    </div>
    <div class="leaflet-sidebar-pane-bottom">
        <button id="reset-settings" type="button" class="btn btn-danger btn-sm" title="Resets settings to their default values">Reset</button>
    </div>
</div>